<template>
    <section class="center-container">
        <div class="left">
            <plant-1-left-header></plant-1-left-header>
            <home-plant-1-swiper></home-plant-1-swiper>
            <home-plant-1-list></home-plant-1-list>
        </div>
        <div class="right">
            <plant-1-right-header
                src="https://www.scvtc.edu.cn/images/tit-icon2.png"
                title="通知公告"
            ></plant-1-right-header>
            <home-plant-1-right-list></home-plant-1-right-list>
        </div>
    </section>
</template>

<script setup lang="ts">
import Plant1LeftHeader from "./Plant1Header.vue";
import Plant1RightHeader from "./Plant1Header.vue";
import HomePlant1Swiper from "./HomePlant1Swiper.vue";
import HomePlant1List from "./HomePlant1List.vue";
import HomePlant1RightList from "./HomePlant1RightList.vue"
</script>

<style scoped lang="scss">
    .center-container {
        display: flex;
        margin-top: 40px;

        .left {
            width: 850px;
            margin-right: 20px;
            overflow: hidden;
        }

        .right {
            width: 650px;
            overflow: hidden;
        }
    }
</style>